<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>new_file</title>
<meta name="description" content="" />
<meta name="author" content="Vladimir Kanubrikov" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" title="no title" charset="utf-8"/>
<script	src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</head>

<body>
	<div class="wrapper">
	<header><h1>Presentation</h1></header>
	<nav id="mainNav" class="presentation-main-navigation">
		<span class="presentation-main-navigation--item"><a id="newPres"  href="#newPresentation">New Presentation</a></span>
		<span class="presentation-main-navigation--item"><a id="editPres" href="#editPresentation">Edit Presentation</a></span>
		<span class="presentation-main-navigation--item active">View and edit Existing Presentation </span>
	</nav>
	<div id="content">
		<div id="newPresentationView" style="display:none;">
			<menu class="presentation-menu" id="presentationMenu">
				<span class="menu-title">Presentation menu</span>
				<label for="presentationName">Name of Presentation</label>
				<input type="text" class="presentation-title" id="presentationName"/>
				<button id="newSlide" class="presentation-menu--button">New	Slide</button>
				<button id="saveChanges" class="presentation-menu--button">Save	Slide</button>
				<button id="deleteSlide" class="presentation-menu--button">Delete Slide</button>
				<button id="savePresentation" class="presentation-menu--button">Save Presentation</button>
				<select id="presentationEffect" class="presentation-menu--select">
					<option value="blindX">blindX</option>					
					<option value="blindY">blindY</option>
					<option value="blindZ">blindZ</option>
					<option value="cover">cover</option>
					<option value="curtainX">curtainX</option>
					<option value="curtainY">curtainY</option>
					<option value="fade">fade</option>
					<option value="fadeZoom">fadeZoom</option>
					<option value="growX">growX</option>
					<option value="growY">growY</option>
					<option selected="selected" value="none">none</option>
					<option value="scrollUp">scrollUp</option>
					<option value="scrollDown">scrollDown</option>
					<option value="scrollLeft">scrollLeft</option>
					<option value="scrollRight">scrollRight</option>
					<option value="scrollHorz">scrollHorz</option>
					<option value="scrollVert">scrollVert</option>
					<option value="shuffle">shuffle</option>
					<option value="slideX">slideX</option>
					<option value="slideY">slideY</option>
					<option value="toss">toss</option>
					<option value="turnUp">turnUp</option>
					<option value="turnDown">turnDown</option>
					<option value="turnLeft">turnLeft</option>
					<option value="turnRight">turnRight</option>
					<option value="uncover">uncover</option>
					<option value="wipe">wipe</option>
					<option value="zoom">zoom</option>
				</select>
				
				<span class="menu-title">Existing Slids</span>
				<div id="slidesList"></div>
			</menu>
			<menu class="presentation-slide--menu" style="display:none;" id="slideMenu">
				<span class="menu-title">Slide menu</span>				
				<input id="slideTitle" class="presentation-slide--title" placeholder="Title">				
				<button class="presentation-slide--menu-button" id="newText">Add Text</button>
				<div id="compositTextField" style="display: none;">
					<textarea id="textField"></textarea>
					<button class="presentation-slide--menu-button" id="addText">add</button>
				</div>
				<div id="compositImageField" class="presentation-slide--menu-fileinput">
					<label for="presentationImageInput">Add Image</label>
					<input type="file" id="presentationImageInput">
				</div>
			</menu>
		</div>
		<div id="presentationViewer" class="presentation-viewer" style="display: none;">
			<menu id="presentationViewerMenu" class="presentation-viewer--menu">
				
			</menu>
			<div id="presentationViewerScreen" class="presentation-viewer--screen">
			
			</div>
		</div>
	</div>
	<footer>
		<p>&copy; Copyright by Vladimir Kanubrikov</p>
	</footer>
	</div>
</body>
</html>
